<div id="contract-detail-view">
  <div class="page">
    <div class="panel panel-default al-pad-lr-10">
      <ul id="contractTab" class="nav nav-tabs">
        <li id="detailTab" class="active"><a ng-click="selectTab($event,'detailTab')">合同信息</a></li>
        <li id="rentBillTab"><a ng-click="selectTab($event,'rentBillTab')">房租账单</a></li>
        <li id="powerBillTab"><a ng-click="selectTab($event,'powerBillTab')">水电费账单</a></li>
      </ul>
      <div id="contractTabContent" class="tab-content">
        <!--pane-->
        <div class="tab-pane active al-pad-lr-10" id="detailTabPane">
          <qgy-contract-detail></qgy-contract-detail>
        </div>
        <!--pane-->
        <div class="tab-pane al-pad-lr-10" id="rentBillTabPane">
          <qgy-contract-rent-bill contract-id="contractId"></qgy-contract-rent-bill>
        </div>
        <!--pane-->
        <div class="tab-pane al-pad-lr-10" id="powerBillTabPane">
          <qgy-contract-power-bill  contract-id="contractId"></qgy-contract-power-bill>
        </div>
      </div>
    </div>
  </div>
</div>